<%@ page import="java.util.Date" %><%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/4/29 0029
  Time: 16:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%String path = request.getContextPath();%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<jsp:include page="inc/header.jsp"></jsp:include>
<style type="text/css">
    .clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
    .clearfix{zoom:1}ul,li{list-style:none}
    .qrm-input{outline:0;border:0;height:38px;position:absolute;left:4px;top:0;padding:0 10px}
    .qrm-input-border{position:relative}
    .qrm-pinming{
        height:38px;line-height:40px;border:none;border-radius:5px;position:relative;
        width:300px;background-repeat:no-repeat;
        background-image:url(<%=path%>/static/images/web/qrm-arrow-down.png);
        background-position:275px
    }
    .qrm-pinming:hover{cursor:pointer}.qrm-pinming input:hover{cursor:pointer}
    .qrm-pinming-panel{
        position:absolute;top:52px;left:-1px;z-index:99999;width:350px;height:210px;background:#fff
    }
    .qrm-border1{
        float:left;width:33%;height:auto;border-right:1px solid #f1f1f1;position:absolute;top:50px;
        overflow: auto;max-height: 250px;
    }
    .qrm-border2{
        float:left;width:33%;border-right:1px solid #f1f1f1;position:absolute;top:50px;left:100px;
        background-color:#efefef;overflow: auto;max-height: 250px;
    }
    .qrm-border3{float:left;width:33%;border-right:1px solid #f1f1f1;background-color:#efefef;
        position:absolute;top:50px;left:200px;overflow: auto;max-height: 250px;
    }
    .qrm-lev{float:left;width:96.5%;margin:0;padding:0;font-size:12px}
    .qrm-lev>li{width:95%;position:relative;display:block;padding-left:10px;height:35px;line-height:35px}
    .qrm-lev>li:hover{background:#4471d6;color:#fff}
    .qrm-arrow-right{display:inline-block;width:4px;height:7px;
        background:url(<%=path%>/static/images/web/qrm-arrow-right.png) no-repeat;position:absolute;right:7px;top:14px}
    .qrm-lev-1>li.active{background:#4471d6;color:#fff}
    .qrm-lev-2>li.active{background:#4471d6;color:#fff}
    .qrm-lev-3>li.active{background:#4471d6;color:#fff}
    .qrm-lev-4>li.active{background:#4471d6;color:#fff}
    .box{width:350px;height:300px;margin:0 auto}
</style>
<!-- Slider Section Start -->
<div class="slider-section section">
    <div class="slide-item bg-parallax" data-bg-image="<%=path%>/assets/images/slider/slider-1.jpg" data-overlay="50">
        <div class="container">
            <div class="slider-content text-center">
                <h2 class="title">寻找你的下一个工作</h2>
                <p>超过 <span>1,524</span> 个职位在这里.</p>
            </div>
        </div>
    </div>
</div>
<!-- Slider Section End -->


<!-- Job Search Section Start -->
<div class="job-search-section section">
    <div class="container">
        <div class="job-search-wrap">

            <!-- Job Search Form Start -->
            <div class="job-search-form">
                <form action="<%=path%>/web/job/findJob">
                <%--<form action="<%=path%>/web/company/position">--%>
                    <div class="row mb-n4" style="">
                        <div class="col-lg-auto col-sm-6 col-12 flex-grow-1 mb-4" style="border:#002752 solid 1px;border-right:none;margin-left: 50px;margin-right: 0px;width: 150px;">
                        <span class="box">
                            <div class="qrm-pinming" style="border: none;">
                                <div class="qrm-input-border" style="border: none;">
                                    <input type="text" name="selectPosition" placeholder="职位检索" class="qrm-input" style="border: none;" autocomplete="off">
                                </div>

                                <div class="qrm-border1" style="display:none;">
                                    <ul class="qrm-lev-1 qrm-lev">
                                        <c:forEach items="${requestScope.industries}" var="industrys" varStatus="x">
                                            <li class="active">
                                                <span id="industry${industrys.id}">${industrys.industryName}</span><i class="qrm-arrow-right"></i>
                                                <ul class="li-zi-1" style="display: none;">

                                                    <c:forEach items="${requestScope.positionTypeMap[industrys.id]}" var="positionType" varStatus="y">
                                                        <li>
                                                            <span id="positionType${positionType.id}">${positionType.positionTypeName}</span><i class="qrm-arrow-right"></i>
                                                            <ul class="li-zi-2" style="display: none">
                                                                <c:forEach items="${requestScope.positionMap[positionType.id]}" var="position" varStatus="z">
                                                                    <li>
                                                                        <span id="position${position.id}">${position.positionName}</span>
                                                                    </li>
                                                                </c:forEach>
                                                            </ul>
                                                        </li>
                                                    </c:forEach>

                                                </ul>
                                            </li>
                                        </c:forEach>
                                    </ul>
                                </div>
                                <div class="qrm-border2" style="display:none">
                                    <ul class="qrm-lev-2 qrm-lev">
                                    </ul>
                                </div>
                                <div class="qrm-border3" style="display:none">
                                    <ul class="qrm-lev-3 qrm-lev">
                                    </ul>
                                </div>
                                <div class="qrm-border4" style="display:none">
                                    <ul class="qrm-lev-4 qrm-lev">
                                    </ul>
                                </div>
                            </div>
                        </span>
                        </div>
                        <div class="col-lg-auto col-sm-6 col-12 flex-grow-1 mb-4" style="border: #002752 solid 1px;border-left-color: #b1dfbb;margin-left: 0px;margin-right: 0px;width: 620px;">
                        <input type="search" name="positionOrCompanyName" placeholder="直接输入职位、公司" style="border: 0;margin-left: 0px;width: 500px;margin: auto;margin-top: 7px;">
                        <%--<input type="search" name="companyName" placeholder="直接输入公司" style="border: 0;margin-left: 0px;width: 500px;margin: auto;margin-top: 7px;">--%>
                        </div>
                        <div class="col-lg-auto col-sm-6 col-12 flex-grow-1 mb-4" style="width: 50px;">
                            <button class="btn btn-primary" style="width: 200px;float: right;margin-right: 50px;" type="submit">搜索</button>
                        </div>
                    </div>
                </form>
            </div>
            <!-- Job Search Form End -->

        </div>
    </div>
</div>
<!-- Job Search Section End -->

<!-- Recent Jobs Start -->
<div class="section section-padding">
    <div class="container">
        <div class="section-title">
            <h2 class="title">Latest Jobs</h2>
            <p>Here's the most recent job listed on the website.</p>
        </div>

        <!-- Job List Wrap Start -->
        <div class="job-list-wrap">

            <!-- Job List Start -->
            <a href="job-single.html" class="job-list">
                <div class="company-logo col-auto">
                    <img src="<%=path%>/assets/images/companies/company-1.png" alt="Company Logo">
                </div>
                <div class="salary-type col-auto order-sm-3">
                    <span class="salary-range">$5000 - $8000</span>
                    <span class="badge badge-success">Full Time</span>
                </div>
                <div class="content col">
                    <h6 class="title">Full Stack Backend Developer</h6>
                    <ul class="meta">
                        <li><strong class="text-primary">Envato</strong></li>
                        <li><i class="fa fa-map-marker"></i> 2020 Willshire Glen, GA-30009</li>
                    </ul>
                </div>
            </a>
            <!-- Job List Start -->

            <!-- Job List Start -->
            <a href="job-single.html" class="job-list">
                <div class="company-logo col-auto">
                    <img src="<%=path%>/assets/images/companies/company-2.png" alt="Company Logo">
                </div>
                <div class="salary-type col-auto order-sm-3">
                    <span class="salary-range">$7000 - $13000</span>
                    <span class="badge badge-warning">Part Time</span>
                </div>
                <div class="content col">
                    <h6 class="title">Product UI & UX Expert</h6>
                    <ul class="meta">
                        <li><strong class="text-primary">Astha</strong></li>
                        <li><i class="fa fa-map-marker"></i> 2020 Willshire Glen, GA-30009</li>
                    </ul>
                </div>
            </a>
            <!-- Job List Start -->

            <!-- Job List Start -->
            <a href="job-single.html" class="job-list">
                <div class="company-logo col-auto">
                    <img src="<%=path%>/assets/images/companies/company-3.png" alt="Company Logo">
                </div>
                <div class="salary-type col-auto order-sm-3">
                    <span class="salary-range">$5000 - $8000</span>
                    <span class="badge badge-danger">Freelance</span>
                </div>
                <div class="content col">
                    <h6 class="title">Full Stack Backend Developer</h6>
                    <ul class="meta">
                        <li><strong class="text-primary">Github</strong></li>
                        <li><i class="fa fa-map-marker"></i> 2020 Willshire Glen, GA-30009</li>
                    </ul>
                </div>
            </a>
            <!-- Job List Start -->

            <!-- Job List Start -->
            <a href="job-single.html" class="job-list">
                <div class="company-logo col-auto">
                    <img src="<%=path%>/assets/images/companies/company-4.png" alt="Company Logo">
                </div>
                <div class="salary-type col-auto order-sm-3">
                    <span class="salary-range">$7000 - $13000</span>
                    <span class="badge badge-success">Full Time</span>
                </div>
                <div class="content col">
                    <h6 class="title">Product UI & UX Expert</h6>
                    <ul class="meta">
                        <li><strong class="text-primary">Medicore</strong></li>
                        <li><i class="fa fa-map-marker"></i> 2020 Willshire Glen, GA-30009</li>
                    </ul>
                </div>
            </a>
            <!-- Job List Start -->

            <!-- Job List Start -->
            <a href="job-single.html" class="job-list">
                <div class="company-logo col-auto">
                    <img src="<%=path%>/assets/images/companies/company-5.png" alt="Company Logo">
                </div>
                <div class="salary-type col-auto order-sm-3">
                    <span class="salary-range">$5000 - $8000</span>
                    <span class="badge badge-success">Full Time</span>
                </div>
                <div class="content col">
                    <h6 class="title">Full Stack Backend Developer</h6>
                    <ul class="meta">
                        <li><strong class="text-primary">GreenSoul</strong></li>
                        <li><i class="fa fa-map-marker"></i> 2020 Willshire Glen, GA-30009</li>
                    </ul>
                </div>
            </a>
            <!-- Job List Start -->

        </div>
        <!-- Job List Wrap Start -->

        <div class="text-center mt-4 mt-lg-5">
            <a href="job-list.html" class="btn btn-primary">View All Jobs</a>
        </div>

    </div>
</div>
<!-- Recent Jobs End -->

<!-- Funfact Section Start -->
<div class="section section-padding bg-parallax" data-bg-image="<%=path%>/assets/images/bg/bg-1.jpg" data-overlay="50">
    <div class="container">
        <div class="funfact-wrap row">

            <!-- Funfact Start -->
            <div class="funfact col-md-3 col-sm-6 col-12">
                <span class="counter">1354</span>
                <span class="title">Job Post</span>
            </div>
            <!-- Funfact Start -->

            <!-- Funfact Start -->
            <div class="funfact col-md-3 col-sm-6 col-12">
                <span class="counter">1741</span>
                <span class="title">Members</span>
            </div>
            <!-- Funfact Start -->

            <!-- Funfact Start -->
            <div class="funfact col-md-3 col-sm-6 col-12">
                <span class="counter">1204</span>
                <span class="title">Resume</span>
            </div>
            <!-- Funfact Start -->

            <!-- Funfact Start -->
            <div class="funfact col-md-3 col-sm-6 col-12">
                <span class="counter">142</span>
                <span class="title">Company</span>
            </div>
            <!-- Funfact Start -->

        </div>
    </div>
</div>
<!-- Funfact Section End -->

<!-- Featured Conpanies Start -->
<div class="section section-padding">
    <div class="container">
        <div class="section-title">
            <h2 class="title">Featured Companies</h2>
            <p>Here's the most job listed by those companies.</p>
        </div>

        <!-- Company List Wrap Start -->
        <div class="company-slider row">

            <!-- Company List Start -->
            <div class="col">
                <a href="company-single.html" class="feature-company">
                    <span class="company-logo"><img src="<%=path%>/assets/images/companies/company-1.png" alt="company-1"></span>
                    <h6 class="title">Envato</h6>
                    <span class="open-job">2 open positions</span>
                </a>
            </div>
            <!-- Company List Start -->

            <!-- Company List Start -->
            <div class="col">
                <a href="company-single.html" class="feature-company">
                    <span class="company-logo"><img src="<%=path%>/assets/images/companies/company-2.png" alt="company-1"></span>
                    <h6 class="title">Astha</h6>
                    <span class="open-job">1 open positions</span>
                </a>
            </div>
            <!-- Company List Start -->

            <!-- Company List Start -->
            <div class="col">
                <a href="company-single.html" class="feature-company">
                    <span class="company-logo"><img src="<%=path%>/assets/images/companies/company-3.png" alt="company-1"></span>
                    <h6 class="title">Github</h6>
                    <span class="open-job">4 open positions</span>
                </a>
            </div>
            <!-- Company List Start -->

            <!-- Company List Start -->
            <div class="col">
                <a href="company-single.html" class="feature-company">
                    <span class="company-logo"><img src="<%=path%>/assets/images/companies/company-4.png" alt="company-1"></span>
                    <h6 class="title">Medicore</h6>
                    <span class="open-job">1 open positions</span>
                </a>
            </div>
            <!-- Company List Start -->

            <!-- Company List Start -->
            <div class="col">
                <a href="company-single.html" class="feature-company">
                    <span class="company-logo"><img src="<%=path%>/assets/images/companies/company-5.png" alt="company-1"></span>
                    <h6 class="title">Greensoul</h6>
                    <span class="open-job">1 open positions</span>
                </a>
            </div>
            <!-- Company List Start -->

            <!-- Company List Start -->
            <div class="col">
                <a href="company-single.html" class="feature-company">
                    <span class="company-logo"><img src="<%=path%>/assets/images/companies/company-6.png" alt="company-1"></span>
                    <h6 class="title">Generous</h6>
                    <span class="open-job">2 open positions</span>
                </a>
            </div>
            <!-- Company List Start -->

            <!-- Company List Start -->
            <div class="col">
                <a href="company-single.html" class="feature-company">
                    <span class="company-logo"><img src="<%=path%>/assets/images/companies/company-7.png" alt="company-1"></span>
                    <h6 class="title">Buzco</h6>
                    <span class="open-job">3 open positions</span>
                </a>
            </div>
            <!-- Company List Start -->

            <!-- Company List Start -->
            <div class="col">
                <a href="company-single.html" class="feature-company">
                    <span class="company-logo"><img src="<%=path%>/assets/images/companies/company-8.png" alt="company-1"></span>
                    <h6 class="title">Salina</h6>
                    <span class="open-job">1 open positions</span>
                </a>
            </div>
            <!-- Company List Start -->

            <!-- Company List Start -->
            <div class="col">
                <a href="company-single.html" class="feature-company">
                    <span class="company-logo"><img src="<%=path%>/assets/images/companies/company-9.png" alt="company-1"></span>
                    <h6 class="title">Hope</h6>
                    <span class="open-job">1 open positions</span>
                </a>
            </div>
            <!-- Company List Start -->

            <!-- Company List Start -->
            <div class="col">
                <a href="company-single.html" class="feature-company">
                    <span class="company-logo"><img src="<%=path%>/assets/images/companies/company-10.png" alt="company-span"></span>
                    <h6 class="title">Bebsha</h6>
                    <span class="open-job">2 open positions</span>
                </a>
            </div>
            <!-- Company List Start -->

        </div>
        <!-- Company List Wrap Start -->

    </div>
</div>
<!-- Featured Conpanies End -->

<!-- Testimonial Section Start -->
<div class="section section-padding bg-parallax" data-bg-image="<%=path%>/assets/images/bg/bg-2.jpg" data-overlay="65">
    <div class="container">

        <!-- Testimonial Slider Start -->
        <div class="testimonial-slider row">

            <!-- Testimonial Start -->
            <div class="col">
                <div class="testimonial text-center text-white">
                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati, modi sed praesentium necessitatibus tenetur neque, veritatis esse voluptatem</p>
                    <img src="<%=path%>/assets/images/authors/author-1.jpg" alt="">
                    <h6 class="name">Sharon Harper</h6>
                    <span class="title">Marketer of Hastech</span>
                </div>
            </div>
            <!-- Testimonial End -->

            <!-- Testimonial Start -->
            <div class="col">
                <div class="testimonial text-center text-white">
                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati, modi sed praesentium necessitatibus tenetur neque, veritatis esse voluptatem</p>
                    <img src="<%=path%>/assets/images/authors/author-2.jpg" alt="">
                    <h6 class="name">Harold McCoy</h6>
                    <span class="title">CEO of Hastech</span>
                </div>
            </div>
            <!-- Testimonial End -->

            <!-- Testimonial Start -->
            <div class="col">
                <div class="testimonial text-center text-white">
                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati, modi sed praesentium necessitatibus tenetur neque, veritatis esse voluptatem</p>
                    <img src="<%=path%>/assets/images/authors/author-3.jpg" alt="">
                    <h6 class="name">Ronald Wright</h6>
                    <span class="title">Admin of Hastech</span>
                </div>
            </div>
            <!-- Testimonial End -->

        </div>
        <!-- Testimonial Slider End -->

    </div>
</div>
<!-- Testimonial Section End -->

<!-- Blog Section Start -->
<div class="section section-padding">
    <div class="container">

        <div class="section-title">
            <h3 class="title">Our Blog</h3>
            <p>Get more tips & tricks from out blog post.</p>
        </div>

        <!-- Blog Slider Start -->
        <div class="blog-slider row">

            <!-- Blog Start -->
            <div class="col">
                <div class="blog">
                    <div class="media">
                        <a href="blog-single.html"><img src="<%=path%>/assets/images/blog/blog-1.jpg" alt=""></a>
                    </div>
                    <div class="content">
                        <h6 class="title"><a href="blog-single.html">The Top 5 Job Interview Questions For IT Professional</a></h6>
                        <ul class="meta">
                            <li>Posted on 25 Jan, 2019</li>
                            <li><a href="#">3 Comments</a></li>
                        </ul>
                        <div class="desc">
                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Praesentium fugiat fugit voluptates ut rem vitae.</p>
                        </div>
                        <a href="blog-single.html" class="read-more">Read More <i class="fa fa-angle-right"></i></a>
                    </div>
                </div>
            </div>
            <!-- Blog End -->

            <!-- Blog Start -->
            <div class="col">
                <div class="blog">
                    <div class="media">
                        <a href="blog-single.html"><img src="<%=path%>/assets/images/blog/blog-2.jpg" alt=""></a>
                    </div>
                    <div class="content">
                        <h6 class="title"><a href="blog-single.html">7 Careers To Consider If You Love Traveling</a></h6>
                        <ul class="meta">
                            <li>Posted on 25 Jan, 2019</li>
                            <li><a href="#">3 Comments</a></li>
                        </ul>
                        <div class="desc">
                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Praesentium fugiat fugit voluptates ut rem vitae.</p>
                        </div>
                        <a href="blog-single.html" class="read-more">Read More <i class="fa fa-angle-right"></i></a>
                    </div>
                </div>
            </div>
            <!-- Blog End -->

            <!-- Blog Start -->
            <div class="col">
                <div class="blog">
                    <div class="media">
                        <a href="blog-single.html"><img src="<%=path%>/assets/images/blog/blog-3.jpg" alt=""></a>
                    </div>
                    <div class="content">
                        <h6 class="title"><a href="blog-single.html">When the Perfect Candidate Turns Out To Be an Imperfect Fit</a></h6>
                        <ul class="meta">
                            <li>Posted on 25 Jan, 2019</li>
                            <li><a href="#">3 Comments</a></li>
                        </ul>
                        <div class="desc">
                            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Praesentium fugiat fugit voluptates ut rem vitae.</p>
                        </div>
                        <a href="blog-single.html" class="read-more">Read More <i class="fa fa-angle-right"></i></a>
                    </div>
                </div>
            </div>
            <!-- Blog End -->

        </div>
        <!-- Blog Slider End -->

    </div>
</div>
<!-- Blog Section End -->


<jsp:include page="inc/footer.jsp"></jsp:include>

<script src="<%=path%>/static/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
    $(function(){
        $(".qrm-input-border").click(function(){
            if($(".qrm-pinming").css("background-image").indexOf("qrm-arrow-down")!==-1){
                if($(".qrm-input").val()==''){
                    $(".qrm-pinming").css("background-image","url(<%=path%>/static/images/web/qrm-arrow-right.png)");
                    //$(".qrm-pinming").css("border","1px solid #409EFF");
                    $(".qrm-border1").show();
                }
                else{
                    var s=$(".qrm-input").val()
                    console.log(s)
                    var n=(s.split('/')).length-1;console.log(n)
                    if(n==1){
                        $(".qrm-border1").show();$(".qrm-border2").show();
                    }
                    else if(n==2){
                        $(".qrm-border1").show();$(".qrm-border2").show();$(".qrm-border3").show();
                    }
                    $(".qrm-pinming").css("background-image","url(<%=path%>/static/images/web/qrm-arrow-right.png)");
                    //$(".qrm-pinming").css("border","1px solid #409EFF");
                }
            }
            else{
                $(".qrm-border1").hide();$(".qrm-border2").hide();$(".qrm-border3").hide();
                //$(".qrm-pinming").css("border","1px solid #ddd");
                $(".qrm-pinming").css("background-image","url(<%=path%>/static/images/web/qrm-arrow-down.png)");
            }
        });
        var lev1;var lev2;var lev3;var lev4;
        $("body").on("click",".qrm-lev-1>li",function(){
            $(this).addClass("active").siblings("li").removeClass("active");
            lev1="";lev2="";lev3="";lev4="";
            var html1=$(this).children(".li-zi-1").html();$(".qrm-lev-2").html(html1);$(".qrm-border2").show();
            $(".qrm-border3").hide();$(".qrm-lev-3").html("");lev1=$(this).children("span").html();
        });
        $("body").on("click",".qrm-lev-2>li",function(){
            $(this).addClass("active").siblings("li").removeClass("active");
            if($(this).children(".li-zi-2").html()==undefined){
                lev2=$(this).children("span").html();$(".qrm-input").val(lev1+"/"+lev2);$(".qrm-border1").hide();
                $(".qrm-border2").hide();$(".qrm-border3").hide();//$(".qrm-pinming").css("border","1px solid #ddd");
                $(".qrm-pinming").css("background-image","url(<%=path%>/static/images/web/qrm-arrow-down.png)");
            }
            else{
                var html2=$(this).children(".li-zi-2").html();lev2=$(this).children("span").html();
                $(".qrm-border3").show();$(".qrm-lev-3").html(html2);
            }
            if($(this).parent().parent().next().children(".qrm-lev").html()==""){
                $(".qrm-border1").hide();$(".qrm-border2").hide();$(".qrm-border3").hide();
                //$(".qrm-pinming").css("border","1px solid #ddd");
                $(".qrm-pinming").css("background-image","url(<%=path%>/static/images/web/qrm-arrow-down.png)");
            }
        });
        $("body").on("click",".qrm-lev-3>li",function(){
            $(this).addClass("active").siblings("li").removeClass("active");
            var html3=$(this).children(".li-zi-3").html();lev3=$(this).children("span").html();
            $(".qrm-input").val(lev1+"/"+lev2+"/"+lev3);$(".qrm-border1").hide();$(".qrm-border2").hide();
            $(".qrm-border3").hide();//$(".qrm-pinming").css("border","1px solid #ddd");
            $(".qrm-pinming").css("background-image","url(<%=path%>/static/images/web/qrm-arrow-down.png)");
            if($(this).parent().parent().next().children(".qrm-lev").html()==""){
                $(".qrm-input").val(lev1+"/"+lev2);$(".qrm-border1").hide();$(".qrm-border2").hide();
                $(".qrm-border3").hide();//$(".qrm-pinming").css("border","1px solid #ddd");
                $(".qrm-pinming").css("background-image","url(<%=path%>/static/images/web/qrm-arrow-down.png)");
            }
        });
        $("body").on("click",".qrm-lev>li",function(){
            if($(this).parent().parent().next().children(".qrm-lev").html()==""){
                $(".qrm-border1").hide();$(".qrm-border2").hide();$(".qrm-border3").hide();
                //$(".qrm-pinming").css("border","1px solid #ddd");
                $(".qrm-pinming").css("background-image","url(<%=path%>/static/images/web/qrm-arrow-down.png)");
            }
        })
    });
    $(document).click(function(event){
        var x1=$('.box');if(!x1.is(event.target)&&x1.has(event.target).length===0){
            $(".qrm-border1").hide();$(".qrm-border2").hide();$(".qrm-border3").hide();
            //$(".qrm-pinming").css("border","1px solid #ddd");
            $(".qrm-pinming").css("background-image","url(<%=path%>/static/images/web/qrm-arrow-down.png)");
        }
    });
</script>
